@charset "utf-8";
@import "common";

.layafamily-box{
	padding: 0;
	margin-top: 2%;
	.laya-img{
		img{
			width: 100%;
		}
	}
}
.company-box{
	margin-top: 5%;
	.company-cont{
		font-size: 0;
		h3{
			font-size: 36px;
		}
		h4{
			font-size: 21px;
			margin-top: 3%;
		}
		p{
			font-size: 14px;
			line-height: 200%;
			text-align: justify;
			text-indent: 2em;
		}
	}
	.company-img{
		margin-top: 13%;
		.company-img-box{
			img{
				width: 100%;
			}
		}
	}
}
.green-box{
	background-color: #8cc11f;
	margin-top: 5%;
	color: #fff;
	padding-bottom: 5%;
	.green-left{
		.green-cont{
			h3{
				font-size: 36px;
				padding: 8% 0 3%;
			}
			p{
				font-size: 14px;
			}
		}
		.green-right{
			margin-top: 13%;
			p{
				font-size: 14px;
				line-height: 250%;
			}
			a{
				color: #8cc11f;
				background-color: #fff;
				padding: 2% 4%;
				text-decoration: none;
			}
		}
	}
}
.talents{
	.numberOne{
		h4{
			font-size: 26px;
			color: #8cc11f;
			margin: 8% 0 3%;
		}
		h5{
			font-size: 18px;
		}
		p{
			font-size: 14px;
			text-indent: 2em;
			line-height: 200%;
		}
	}
}
.tel-box{
	background-color: #f4f4f4;
	margin-top: 8%;
	.tel-cont{
		h3{
			font-size: 36px;
			margin: 3% 0;
		}
		.tel-link{
			ul{
				li{
					background-color: #fff;
					margin: 2%;
					padding: 1% 2%;
					.tel-img{
						
					}
					p{
						font-size: 16px;
						padding-top: 6%;
					}
				}
			}
		}
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.company-box{
		.company-cont{
			h4{
				line-height: 150%;
			}
		}
		.company-img{
			margin-top: 20%;
			.company-img-box{
				img{
					width: 100%;
				}
			}
		}
	}
	.green-box{
		.green-left{
			.green-cont{
				p{
					line-height: 180%;
				}
			}
		}
	}
	.tel-box{
		.tel-cont{
			.tel-link{
				ul{
					padding: 0;
				}
			}
		}
	}
}
@media only screen and (min-width:320px) and (max-width:767px) {
	.layafamily-box{
		padding: 0;
		margin-top: 12%;
		.laya-img{
			img{
				width: 100%;
			}
		}
	}
	.company-box{
		.company-cont{
			h4{
				line-height: 150%;
			}
		}
	}
	.tel-box{
		.tel-cont{
			.tel-link{
				ul{
					padding: 0;
				}
			}
		}
	}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.company-box{
		.company-cont{
			h4{
				line-height: 150%;
			}
		}
		.company-img{
			margin-top: 18%;
			.company-img-box{
				img{
					width: 100%;
				}
			}
		}
	}
	.green-box{
		.green-left{
			.green-cont{
				p{
					line-height: 180%;
				}
			}
		}
	}
	.tel-box{
		.tel-cont{
			.tel-link{
				ul{
					padding: 0;
				}
			}
		}
	}
}